<template>
    <div class="fullScreen bg-c-g">
        <m-header :msg="'消息详情'"></m-header>
        <div class="scroll-box">
            <div class="bg-c-wh padd-1 tx-c-222">
                <div class="lineh-2 tx-s-12 tx-c-666">{{ msgDetails.pubdate }}</div>
                <div class="line-h-3 tx-s-16 tx-c tx-c-bl">{{ msgDetails.title }}</div>
                <div class="line-h-1 tx-s-14">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ msgDetails.content }}</div>
                <div class="mar-t-2 tx-s-14 tx-r">{{ msgDetails.sentBy|sentType() }}</div>
            </div>
        </div>
    </div>
</template>
<script type="text/ecmascript-6">
import MHeader from '../../components/m-header'
export default {
    data () {
        return {
            msgDetails : []
        }
    },
    created () {
        this.msgDetails = this.$route.query.id
    },
    filters : {
        sentType : function(value){
            if(value = 'pt'){
                return '必发彩票'
            }else if(value = 'ctc'){
                return '传统彩'
            }else if(value = 'gfc'){
                return '官方彩'
            }else if(value = 'xgc'){
                return '香港彩'
            }
        }
    },
    components: {
        MHeader
    }
}
</script>
<style scoped lang="stylus" rel="stylesheet/stylus">
    .scroll-box
        position: fixed
        width: 100%
        top: 2.75rem
        bottom: 0
        background: white
        overflow: auto
    .scroll-box::-webkit-scrollbar
        display: none
    .line-h-1
        line-height: 1.25rem
    .line-h-3
        line-height: 3.25rem
</style>